<!--
 * @Descripttion: 地图首页
 * @Author: whl
 * @Date: 2022-06-29 10:42:13
 * @LastEditors: whl
 * @LastEditTime: 2023-04-03 15:07:32
-->
<template>
  <div>
    <h3 style="text-align: center;">中国地图</h3>
    <div class="m-china-map" id='china-map' style="height: 747px; width: 700px;margin: auto;"></div>
  </div>
</template>
<script>
import chinnaMapMixin from '@/js/chinaMapMixin'
export default {
  mixins: [chinnaMapMixin],
  data () {
    return {
    }
  },
  mounted () {
    let url = window.location.origin + '/static/china-map/china.json'
    let option = this.constructorOption({
      data: [{
        name: '北京',
        value: [116.405285, 39.904989, 12]
      },
      {
        name: '湖南',
        value: [112.982279, 28.19409, 29]
      }],
      name: 'title'
    })
    this.init({url, option})
  }
}
</script>

<style lang="scss">
@import '~@/style/index';
</style>
